<!DOCTYPE html>
<html lang="en">

<head>
<title>服务管理中心中心-后台支撑</title>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/style.css"></link>
<script type="text/javascript" src="/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="/js/motor.js"></script>
</head>

<body>
	<section class="nav">
		<div>
			<label style="background-color: #21cbbb;">
				<ul style="font-weight: bold">
					<li class="li1">MsName</li>
					<li>|</li>
					<li class="li2">Discription</li>
					<li>|</li>
					<li class="li3">GW Swagger</li>
					<li>|</li>
                    <li class="li4">Repo Config</li>
				</ul>
			</label>
		</div>

		<#list appInfoList as appInfo> 
			<#list appInfo.applicationInstances as appInstInfo> 
				<#if appInstInfo_index==0> 
					<#assign host="${appInstInfo.ipAddress}" />
					<#assign port="${appInstInfo.port}" /> 
					<#assign runtimeConfig="${appInstInfo.runtimeConfig!}" />
				</#if> 
			</#list>
			
			<div>
				<label>
					<ul>
						<li class="li1">${appInfo.applicationName}</li>
						<li style="">|</li>
						<li class="li2">
							<#if appInfo.description??>
								${appInfo.description} 
							<#else> unknown 
							</#if>
						</li>
						<li style="">|</li>
	
						<li class="li3">
							<#if appInfo.zuulSwaggerUrl??>
								<a target="_blank" href="${appInfo.zuulSwaggerUrl}">entry</a>
							<#else> developing 
							</#if>
						</li>
						<li style="">|</li>
                        <li class="li4"><a target="_blank" href="${appInfo.repoConfig}">entry</a></li>
					</ul> 
					<span class="jpserver">More</span>
				</label>
				
				<div class="content">
                    <!--<p>Multi-Case</p>-->
                    <h6>
                        <ul>
                            <li class="lia" style="font-weight: bold;">name</li>
                            <li class="lib" style="font-weight: bold;">ip</li>
                            <li class="lic" style="font-weight: bold;">port</li>
                            <li class="lid" style="font-weight: bold;">status</li>
                            <li class="lie" style="font-weight: bold;">swagger</li>
                        </ul>
                    </h6>
                    
                    <#list appInfo.applicationInstances as appInstInfo>
                    <h6>
                        <ul>
                            <li class="lia">${appInstInfo.instanceId}</li>
                            <li class="lib">${appInstInfo.ipAddress}</li>
                            <li class="lic">${appInstInfo.port}</li>
                            <li class="lid" <#if appInstInfo.status=='critical'>style="color:red"</#if> >${appInstInfo.status}</li>
                            <li class="lie"><a target="_blank" href="http://${appInstInfo.ipAddress}:${appInstInfo.port}/swagger-ui.html">entry</a></li>
                        </ul>
                    </h6>
                    </#list>
                    
                </div>
				
				
				
			</div>
		</#list>
			<div>
			     <label>
			        <ul> 
			           <li  class="li4" id="coverli" style="width:100%;align:center">
			              <a target="_blank" href="http://localhost:10001/swagger-ui.html">swagger接口api汇总 </a>
			              &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
			              <a target="_blank" href="http://localhost:8761">eureka</a>
			           </li>
			        </ul>
			     </label>
		    </div>	
	</section>
</body>
</html>